<template>
  <div class="orderDetail">
    <el-button type="primary" @click="$router.go(-1)" size="medium">返回</el-button>
    <ul class="list">
      <li>订单号：{{detailData.orderNo}}</li>
      <li>下单时间：{{detailData.orderTime}}</li>
      <li>用户ID：{{detailData.userId}}</li>
      <li>酒品名称：{{detailData.goodsName}}</li>
      <li>香型：{{detailData.odorType}}</li>
      <li>净含量：{{detailData.netContent}}</li>
      <li>酒精度：{{detailData.alocohl}}</li>
      <li>原料：{{detailData.rawDesc}}</li>
    </ul>
    <ul class="list">
      <li>付款状态：{{detailData.status=='1'?'已收款':'待收款'}}</li>
    </ul>
    <!-- <ul class="list">
      <li>开户行：{{detailData.openBank}}</li>
      <li>开户名：{{detailData.openName}}</li>
      <li>开户账号：{{detailData.account}}</li>
    </ul> -->
    <el-table :data="tableData" class="table" stripe highlight-current-row border size="mini">
      <el-table-column align="center" prop="goods_id" label="商品ID">
      </el-table-column>
      <el-table-column align="center" prop="status" label="酒的状态">
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  data() {
    return {
      detailData: [],
      tableData:[]
    }
  },
  mounted() {
    this.getDetailData();
  },
  methods: {
    async getDetailData() {
      let { data } = await this.$post({
        api: '/cash/lookAccountFundsDetail',
        data: {
         id:this.$route.query.id
        }
      });
      if (data.code === 0) {
        this.detailData = data.data;
        this.tableData=data.data.wineList;
        console.log( this.tableData)
      } else {
        this.$message({
          type: 'error',
          message: data.msg
        });
      }
    },
  }
}
</script>
<style lang="scss" scoped>
.orderDetail {
  padding: 15px;
}
.list {
  border-bottom: 1px solid #eeeeee;
  overflow: hidden;
  padding: 15px 20% 15px 15px;
  li {
    float: left;
    width: 25%;
    line-height: 40px;
  }
}
.table {
  width: 600px;
}
</style>